import React, { useEffect, useState } from 'react'

function App() {
  const [count, setCount] = useState(0)
  
  useEffect(() => {
    setTimeout(() => {
      console.log('点击次数: ' + count);
    }, 3000);
  })
  // 每一次点击，都会重新执行 useEffect 内的回调，并且 count 值也是当时的快照的一个常量值。

  // 这和之前的类组件是不同的，我们改成类组件的实现形式如下：
  // 类组件，声明之后，会在内部生成一个实例 instance，所有的数据都会存在类的上下文中，所以 this.state.count 会一直指向最新的 count 值。
  return (
    <div className="App">
      <button onClick={() => setCount(count + 1)}>点击{count}次</button>
    </div>//连续按 打印的结果分别为0123
  )
}

export default App
